<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
<title>Hello</title>
<link rel="stylesheet" href="../css/index.css">
<link rel="stylesheet" href="../script/lib/swiper.min.css">
<style>
	html, body{width:100%;height: 100%;overflow:hidden;background-color: #ffffff;}
	#vue{ height: 100%;}
	.banner{width:100%;height:100%;}
	.banner .img{width:100%;height:100%;}
	.swiper-slide{position:relative;}
	.swiper-slide img{width: 100%;max-height: 100%;}
	.nav_pointer span{width: 5px;height: 5px;background: #333;border-radius:50%;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
	.nav_pointer .swiper-pagination-bullet-active{background: #FF9502;}
	.btn{width:40%;height:50px;line-height: 50px;text-align: center;color:#fff;background:;background: #FF9502;border-radius: 4px;position: absolute;bottom: 10%;left:30%;font-size:20px;}
</style>
</head>
<body>
    <div id="vue">
		<div class="swiper-container banner">
			<div class="swiper-wrapper" id="banner">
				<div class="swiper-slide" v-for="(item, key) in Pdata">
					<div  style="display:none;" :style="{ display:(key==2 ? '':'none')}" v-if="key==2" class="btn" tapmode onclick="login_click()">立即体验</div>
					<img :src="item">
				</div>
			</div>
			<div class="nav_pointer swiper-pagination"></div>
		</div>
    </div>
</body>
<script type="text/javascript" src="../script/base.min.js" id="loadjs" data-js="L/swiper.min"></script>
<script type="text/javascript">

	define(function (require, exports, module) {
		//console.log(JSON.stringify(pageParam));
		if(!pageParam) pageParam = [];
		lanYun.newVue('#vue', {
            Pdata:pageParam.yindao
	    },function(e) {

	    });
		var banner = new Swiper('.banner', {
			pagination: {el: '.swiper-pagination'},
			loop:false,
			autoplay:false,
			paginationClickable: false,
			resistanceRatio:0,
		});
		login_click = function () {
			api.execScript({ frameName:pageParam.frameName, script:'lyFrameCallBack(1);'});
	        api.closeFrame();
		}
	});

</script>
</html>
